<template>
	<view class="wrapper" :style="{padding: padding + 'px'}">
		<view class="title">{{title}}</view>
		<view :class="{'active':checked}" class="radio"></view>
	</view>
</template>

<script>
	export default {
		props:{
			checked:{
				type: Boolean,
				default: () => true
			},
			title:{
				type: String,
				default: () => 'mmp'
			},
			padding:{
				type: Number,
				default: () => 0
			}
		}
	}
</script>

<style lang="scss" scoped>
.wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size:14px;
	font-family:PingFang SC;
	font-weight:bold;
	color:rgba(66,75,97,1);
	border-bottom: 1px solid rgba(241,241,241,1);
}
.radio{
	width: 14px;
	height: 14px;
	background-position: center center;
	background-size: 100% 100%;
	background-image: url(../static/img/icon_unselected@3x.png);
}
.active{
	background-image: url(../static/img/icon_selected@3x.png);
}
</style>
